<!DOCTYPE HTML>
<html>
  <head>
    <title>监控系统 Home :: Logistic</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="监控系统 Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
    Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="/static/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
    <!-- Custom Theme files -->
    <link href="/static/css/style.css" rel='stylesheet' type='text/css' />
    <link href="/static/css/font-awesome.css" rel="stylesheet">
    <script src="/static/js/jquery.min.js"> </script>
      <script src="/static/js/Chart.js"></script>
    <!-- Mainly scripts -->
    <script src="/static/js/jquery.metisMenu.js"></script>
    <script src="/static/js/jquery.slimscroll.min.js"></script>
    <!-- Custom and plugin javascript -->
    <link href="/static/css/custom.css" rel="stylesheet">
    <script src="/static/js/custom.js"></script>
    <script src="/static/js/screenfull.js"></script>
    <script>
      $(function () {
        $('#supported').text('Supported/allowed: ' + !!screenfull.enabled);

        if (!screenfull.enabled) {
          return false;
        }



        $('#toggle').click(function () {
          screenfull.toggle($('#container')[0]);
        });



      });
    </script>

    <!----->
    <!--pie-chart--->
    <script src="/static/js/pie-chart.js" type="text/javascript"></script>
    <!--skycons-icons-->
    <script src="/static/js/skycons.js"></script>
    <!--//skycons-icons-->
  </head>
  <body>
  <div id="point1"></div>
    <div id="wrapper" >

      <!----->
      <div class="navbar-default navbar-static-top" role="navigation">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <h1> <a class="navbar-brand" href="consumers.html">监控系统</a></h1>
        </div>
        <div class=" border-bottom ">
          <div class="full-left">

            <form class=" navbar-left-right">
              <input type="text"  value="Search..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search...';}">
              <input type="submit" value="" class="fa fa-search">
            </form>
            <div class="clearfix"> </div>
          </div>


          <!-- Brand and toggle get grouped for better mobile display -->

          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="drop-men" >
            <ul class=" nav_1">

              <li class="dropdown">
                <a href="signin.html" class="  dropdown-toggle" ><span class=" name-caret">返回登陆</span><img src="/static/images/supermaket.png"></a>

              </li>

            </ul>
          </div><!-- /.navbar-collapse -->
          <div class="clearfix">

          </div>

          <div class="navbar-default sidebar " role="navigation" >
            <div class="sidebar-nav navbar-collapse">
              <ul class="nav" id="side-menu">

                <li>
                  <a href="#point2" class=" hvr-bounce-to-right"><i class="fa fa-tasks nav_icon"></i> <span class="nav-label">信息查询</span> </a>
                </li>

                <li>
                  <a href="#point4" class=" hvr-bounce-to-right"><i class="fa fa-hand-grab-o nav_icon"></i> <span class="nav-label">投诉处理</span> </a>
                </li>
                  <li>
                  <a href="/admin" class=" hvr-bounce-to-right"><i class="fa fa-product-hunt nav_icon"></i> <span class="nav-label">超级管理员</span> </a>
                </li>

              </ul>
            </div>
          </div>
      </div>
      <div id="page-wrapper" class="gray-bg dashbard-1">

        <div id="point2"></div>
        <div class="content-mid content-top">
            <div class="banner">

                    <h2>
                      <a href="#point1">首页</a>
                      <i class="fa fa-angle-right"></i>
                      <span>信息查询</span>
                    </h2>
                  </div>
        </div>
          <div class="content-main">


               <div class="content-mid">
               <div class="grid_3 grid_5" style="margin-left: 15px;margin-right: 15px; ">
                       <strong class="head-top" style="font-size: 2em;margin-bottom: 1em;">商品信息</strong>
                        <div class="btn-group">
                                    <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-tags"></i> <span class="caret"></span></a>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                        <li><a id="click1">商品信息</a></li>
                                        <li><a id="click2">商超信息</a></li>
                                        <li><a id="click3">运输信息</a></li>
                                        <li><a id="click4">生产厂商信息</a></li>
                                        <li><a id="click5">投诉信息</a></li>
                                    </ul>
                            <style type="text/css">
                .badge{
                    color:#555;
                    background-color: #f5f5f5;
                }
            </style>
<script type="text/javascript">

                $(function () {
                    var $headtop = $(".head-top");
                    $("#super_list_head").hide();
                    $("#trans_list_head").hide();
                    $("#man_list_head").hide();
                    $("#ad_list_head").hide();

                    $("#click1").click(function () {
                        $headtop.html($(this).html());
                        {#$("#goods_list_head").show().sibling().hide();#}
                        $("#goods_list_head").show().nextAll().hide();
                        $("#l1").parent().parent().children().remove();
                         goodsList('1');
                        $('#perpage').bind('click', function (e) {
                            e.preventDefault();
                            e.stopPropagation();
                            perPage('1');
                            changeColor();
                        });
                      $('#nextpage').bind('click', function (e) {
                                e.preventDefault();
                                e.stopPropagation();
                                nextPage('1');
                                changeColor();

                      });
                    });
                    $("#click2").click(function () {
                        $headtop.html($(this).html());
                        $("#super_list_head").show().siblings().hide();
                        $("#l1").parent().parent().children().remove();
                        goodsList('2');
                        $('#perpage').bind('click', function (e) {
                            e.preventDefault();
                            e.stopPropagation();
                            perPage('2');
                            changeColor();
                        });
                      $('#nextpage').bind('click', function (e) {
                                e.preventDefault();
                                e.stopPropagation();
                                nextPage('2');
                                changeColor();

                      });
                    });
                    $("#click3").click(function () {
                        $headtop.html($(this).html());
                        $("#trans_list_head").show().siblings().hide();
                        $("#l1").parent().parent().children().remove();
                        goodsList('3');
                        $('#perpage').bind('click', function (e) {
                            e.preventDefault();
                            e.stopPropagation();
                            perPage('3');
                            changeColor();
                        });
                      $('#nextpage').bind('click', function (e) {
                                e.preventDefault();
                                e.stopPropagation();
                                nextPage('3');
                                changeColor();

                      });
                    });
                    $("#click4").click(function () {
                        $headtop.html($(this).html());
                        $("#man_list_head").show().siblings().hide();
                        $("#l1").parent().parent().children().remove();
                        goodsList('4');
                        $('#perpage').bind('click', function (e) {
                            e.preventDefault();
                            e.stopPropagation();
                            perPage('4');
                            changeColor();
                        });
                      $('#nextpage').bind('click', function (e) {
                                e.preventDefault();
                                e.stopPropagation();
                                nextPage('4');
                                changeColor();

                      });
                    });
                    $("#click5").click(function () {
                        $headtop.html($(this).html());
                        $("#ad_list_head").show().siblings().hide();
                        $("#l1").parent().parent().children().remove();
                        goodsList('5');
                        $('#perpage').bind('click', function (e) {
                            e.preventDefault();
                            e.stopPropagation();
                            perPage('5');
                            changeColor();
                        });
                      $('#nextpage').bind('click', function (e) {
                                e.preventDefault();
                                e.stopPropagation();
                                nextPage('5');
                                changeColor();

                      });
                    });

                })
                            </script>
           <script type="text/javascript">
                    function goodsList(num) {

        $.ajax({
               'url':'/ajax_manager_list',
               'type':'post',
               'dataType':'json',
               'data':{'num':num}
           }).success(function (data) {

               $("#curId").html(1);
                if(data.goodsCount >10){
                    var loopCount = 10;
                     $("#toId").html(Math.floor(data.goodsCount / 10 + 1));
                }
                else {
                    loopCount = data.goodsCount;
                }
                if(num == '1'){
                    for(i = 0;i < loopCount;i++){
                       $("#insertPoint").append(('<tr>' +
                       '<td id="l1">' + (i+1) + '</td>' +
                       '<td><span class="badge" id="l2">' + data.json_data[i].fields.proName + '</span></td>' +
                       '<td><span class="badge" id="l3">' + data.json_data[i].fields.proCode + '</span></td>' +
                       '<td><span class="badge" id="l4">' + data.json_data[i].fields.evaluate + '</span></td>' +
                       '<td><span class="badge" id="l5">' + data.json_data[i].fields.expDate + '</span></td>' +
                       '<td><span class="badge" id="l6">' + data.json_data[i].fields.manDate + '</span></td>' +
                       '<td><span class="badge" id="l7">' + data.json_data[i].fields.manEnterprise + '</span></td>' +
                       '<td><span class="badge" id="l8">' + data.json_data[i].fields.transer + '</span></td>' +
                       '<td><span class="badge" id="l9">' + data.json_data[i].fields.superer + '</span></td>' +
                       '</tr>'));
                    }
                }
                if(num == '2'){
                    for(i = 0;i < loopCount;i++){
                       $("#insertPoint").append(('<tr>' +
                       '<td id="l1">' + (i+1) + '</td>' +
                       '<td><span class="badge" id="l2">' + data.json_data[i].fields.userCode + '</span></td>' +
                       '<td><span class="badge" id="l3">' + data.json_data[i].fields.userName + '</span></td>' +
                       '<td><span class="badge" id="l4">' + data.json_data[i].fields.userLawer + '</span></td>' +
                       '<td><span class="badge" id="l5">' + data.json_data[i].fields.userQualification + '</span></td>' +
                       '<td><span class="badge" id="l6">' + data.json_data[i].fields.userAddr + '</span></td>' +
                       '<td><span class="badge" id="l7">' + data.json_data[i].fields.userTel + '</span></td>' +
                       '<td><span class="badge" id="l8">' + data.json_data[i].fields.userEmail + '</span></td>' +
                       '</tr>'));
                    }
                }
                if(num == '3'){
                    for(i = 0;i < loopCount;i++){
                       $("#insertPoint").append(('<tr>' +
                       '<td id="l1">' + (i+1) + '</td>' +
                       '<td><span class="badge" id="l2">' + data.json_data[i].fields.userCode + '</span></td>' +
                       '<td><span class="badge" id="l3">' + data.json_data[i].fields.userName + '</span></td>' +
                       '<td><span class="badge" id="l3">' + data.json_data[i].fields.userVehileNum + '</span></td>' +
                       '<td><span class="badge" id="l4">' + data.json_data[i].fields.userLawer + '</span></td>' +
                       '<td><span class="badge" id="l5">' + data.json_data[i].fields.userQualification + '</span></td>' +
                       '<td><span class="badge" id="l6">' + data.json_data[i].fields.userAddr + '</span></td>' +
                       '<td><span class="badge" id="l7">' + data.json_data[i].fields.userTel + '</span></td>' +
                       '<td><span class="badge" id="l8">' + data.json_data[i].fields.userEmail + '</span></td>' +
                       '</tr>'));
                    }
                }
                if(num == '4'){
                    for(i = 0;i < loopCount;i++){
                       $("#insertPoint").append(('<tr>' +
                       '<td id="l1">' + (i+1) + '</td>' +
                       '<td><span class="badge" id="l2">' + data.json_data[i].fields.userCode + '</span></td>' +
                       '<td><span class="badge" id="l3">' + data.json_data[i].fields.userName + '</span></td>' +
                       '<td><span class="badge" id="l4">' + data.json_data[i].fields.userLawer + '</span></td>' +
                       '<td><span class="badge" id="l5">' + data.json_data[i].fields.userQualification + '</span></td>' +
                       '<td><span class="badge" id="l6">' + data.json_data[i].fields.userAddr + '</span></td>' +
                       '<td><span class="badge" id="l7">' + data.json_data[i].fields.userTel + '</span></td>' +
                       '<td><span class="badge" id="l8">' + data.json_data[i].fields.userEmail + '</span></td>' +
                       '</tr>'));
                    }
                }
                if(num == '5'){
                    for(i = 0;i < loopCount;i++){
                       $("#insertPoint").append(('<tr>' +
                       '<td id="l1">' + (i+1) + '</td>' +
                       '<td><span class="badge" id="l2">' + data.json_data[i].fields.adName + '</span></td>' +
                       '<td><span class="badge" id="l3">' + data.json_data[i].fields.adDoods + '</span></td>' +
                       '<td><span class="badge" id="l3">' + data.json_data[i].fields.adTel + '</span></td>' +
                       '<td><span class="badge" id="l4">' + data.json_data[i].fields.adMail + '</span></td>' +
                       '<td><span class="badge" id="l5">' + data.json_data[i].fields.adDate + '</span></td>' +
                       '<td><span class="badge" id="l6">' + data.json_data[i].fields.adConsumerText + '</span></td>' +
                       '<td><span class="badge" id="l7">' + data.json_data[i].fields.adDealSupermarket + '</span></td>' +
                       '<td><span class="badge" id="l8">' + data.json_data[i].fields.adSupermaketText + '</span></td>' +
                       '<td><span class="badge" id="l6">' + data.json_data[i].fields.adDealManger + '</span></td>' +
                       '<td><span class="badge" id="l7">' + data.json_data[i].fields.adMangerText + '</span></td>' +
                       '<td><span class="badge" id="l8">' + data.json_data[i].fields.adDealFinish + '</span></td>' +

                       '</tr>'));
                    }
                }

                });
            }
                    function perPage(num) {
                        var curId = parseInt($("#curId").html());
                        var toId = parseInt($("#toId").html());
                        if (curId <= 1){
                            return false;
                        }else{
                            curId = curId -1 ;
                            $("#curId").html(curId);
                              $.ajax({
                               'url':'/ajax_manager_list',
                               'type':'post',
                               'dataType':'json',
                               'data':{'num' : num}
                           }).success(function (data) {
                                var initI = (curId-1)*10;
                                var termI = initI+10;
                                $("#l1").parent().parent().children().remove();
                                for(i = initI;i < termI;i++){
                                    $("#insertPoint").append(('<tr>' +
                       '<td id="l1">' + (i+1) + '</td>' +
                       '<td><span class="badge" id="l2">' + data.json_data[i].fields.proName + '</span></td>' +
                       '<td><span class="badge" id="l3">' + data.json_data[i].fields.proCode + '</span></td>' +
                       '<td><span class="badge" id="l4">' + data.json_data[i].fields.evaluate + '</span></td>' +
                       '<td><span class="badge" id="l5">' + data.json_data[i].fields.expDate + '</span></td>' +
                       '<td><span class="badge" id="l6">' + data.json_data[i].fields.manDate + '</span></td>' +
                       '<td><span class="badge" id="l7">' + data.json_data[i].fields.manEnterprise + '</span></td>' +
                       '<td><span class="badge" id="l8">' + data.json_data[i].fields.transer + '</span></td>' +
                       '<td><span class="badge" id="l9">' + data.json_data[i].fields.superer + '</span></td>' +
                       '</tr>'));
                                }
                          });
                            return false;
                        }
                    }
                    function nextPage(num) {
                        var curId = parseInt($("#curId").html());
                        var toId = parseInt($("#toId").html());

                        if(curId>=toId){
                            return false;
                        }
                        else{
                            curId = curId +1 ;
                            $("#curId").html(curId);
                            $.ajax({
                               'url':'/ajax_manager_list',
                               'type':'post',
                               'dataType':'json',
                               'data':{'num' : num}
                           }).success(function (data) {
                                var initI = (curId-1)*10;
                                var termI = 0;
                                if(toId == curId){
                                    termI = data.goodsCount;
                                }else{
                                    termI = initI+10;
                                }
                                $("#l1").parent().parent().children().remove();
                                for(i = initI;i < termI;i++){
                                    $("#insertPoint").append(('<tr>' +
                       '<td id="l1">' + (i+1) + '</td>' +
                       '<td><span class="badge" id="l2">' + data.json_data[i].fields.proName + '</span></td>' +
                       '<td><span class="badge" id="l3">' + data.json_data[i].fields.proCode + '</span></td>' +
                       '<td><span class="badge" id="l4">' + data.json_data[i].fields.evaluate + '</span></td>' +
                       '<td><span class="badge" id="l5">' + data.json_data[i].fields.expDate + '</span></td>' +
                       '<td><span class="badge" id="l6">' + data.json_data[i].fields.manDate + '</span></td>' +
                       '<td><span class="badge" id="l7">' + data.json_data[i].fields.manEnterprise + '</span></td>' +
                       '<td><span class="badge" id="l8">' + data.json_data[i].fields.transer + '</span></td>' +
                       '<td><span class="badge" id="l9">' + data.json_data[i].fields.superer + '</span></td>' +
                       '</tr>'));
                                }
                          });
                            return false;
                        }
                    }

                    $(document).ready(function () {
                        goodsList('1');
                        $('#perpage').bind('click', function (e) {
                            e.preventDefault();
                            e.stopPropagation();
                            perPage('1');
                            changeColor();
                        });
                      $('#nextpage').bind('click', function (e) {
                                e.preventDefault();
                                e.stopPropagation();
                                nextPage('1');
                                changeColor();

                      });


                  });
                </script>
                                </div>
                        <form action="#" method="GET" style="width: 30%;position: relative;left :30%">
                            <div class="input-group input-group-in">
                                <input type="text" name="search" class="form-control2 input-search" placeholder="输入要查询的编号">
                                <span class="input-group-btn">
                                    <button class="btn btn-success" type="button"><i class="fa fa-search"></i></button>
                                </span>
                            </div><!-- Input Group -->
                        </form>
                        <div class="but_list">
            <div class="col-md-12 page_1">

                <div id="pages" class="text-right" >
                <nav>
                <ul class="pagination">
                    <li class="step-links">
                    <button id="perpage">上一页</button>
                <label class="current">
                    Page <em id="curId"></em> of <em id="toId"></em> </label>
                    <button id="nextpage">下一页</button>
                    </li>
                </ul>
                </nav>
             </div>
                  <table class="table table-bordered">
                    <thead class="list">
                        <tr id="goods_list_head" class="font-list">
                            <th >序号</th>
                            <th >商品名称</th>
                            <th >商品编号</th>
                            <th >安全评估</th>
                            <th >保质期</th>
                            <th >生产日期</th>
                            <th >生产厂商</th>
                            <th >运输代码</th>
                            <th >销售代码</th>

                        </tr>
                        <tr id="super_list_head" class="font-list">
                                <th >序号</th>
                                <th >代码</th>
                                <th >名称</th>
                                <th >法人</th>
                                <th >资质</th>
                                <th >地址</th>
                                <th >电话</th>
                                <th >邮箱</th>
                            </tr>
                        <tr id="trans_list_head" class="font-list">
                            <th >序号</th>
                            <th >代码</th>
                            <th >名称</th>
                            <th >车辆号码</th>
                            <th >法人</th>
                            <th >资质</th>
                            <th >地址</th>
                            <th >电话</th>
                            <th >邮箱</th>
                        </tr>
                        <tr id="man_list_head" class="font-list">
                            <th >序号</th>
                            <th >代码</th>
                            <th >名称</th>
                            <th >法人</th>
                            <th >资质</th>
                            <th >地址</th>
                            <th >电话</th>
                            <th >邮箱</th>
                        </tr>
                        <tr id="ad_list_head" class="font-list">
                            <th >序号</th>
                            <th >投诉人名字</th>
                            <th >投诉商品</th>
                            <th >投诉人电话</th>
                            <th >投诉人邮件</th>
                            <th >投诉日期</th>
                            <th >投诉内容</th>
                            <th >商超处理</th>
                            <th >商超意见</th>
                            <th >监督处理</th>
                            <th >监督意见</th>
                            <th >完成日期</th>
                        </tr>
                    </thead>
                    <tbody id="insertPoint">
                    </tbody>
                  </table>
            </div>

           <div class="clearfix"> </div>
           </div>
                    </div>
                </div>
            <div class="clearfix"> </div>
          </div>
          <!----->


            <div id="point4"></div>
          <div class="content-main">




 	<!--banner-->

		     <div class="banner">

            <h2>
              <a href="#point1">首页</a>
              <i class="fa fa-angle-right"></i>
              <span>投诉处理</span>
            </h2>
          </div>

		<!--//banner-->
 	<!--grid-->
 	 <div class="inbox-mail">
	<div class="col-md-4 compose"> {# TODO1 #}
		<form action="#" method="GET">
                <div class="input-group input-group-in">
                    <input type="text" name="search" class="form-control2 input-search" placeholder="Search...">
                    <span class="input-group-btn">
                        <button class="btn btn-success" type="button"><i class="fa fa-search"></i></button>
                    </span>
                </div><!-- Input Group -->
            </form>
            <h2>处理项目</h2>

    <nav class="nav-sidebar">
		<ul class="nav tabs" >
          <li class="active"><a href="#tab1" data-toggle="tab"><i class="fa fa-inbox"></i>未处理的投诉 <span>{{ advise.dealcount }}</span><div class="clearfix"></div></a></li>
          <li class=""><a href="#tab2" data-toggle="tab"><i class="fa fa-star-o"></i>处理完成的投诉<span>{{ advise.finishcount }}</span></a></li>
          <li class=""><a href="#tab3" data-toggle="tab"><i class="fa fa-pencil-square-o"></i>驳回的投诉 <span>{{ advise.returnAcount }}</span><div class="clearfix"></div></a></li>
		</ul>
	</nav>

        <div class="clearfix"></div>
</div>
<!-- tab content -->
<div class="col-md-8 tab-content tab-content-in">
<div class="tab-pane active text-style" id="tab1">
  <div class="inbox-right">

            <div class="mailbox-content">

                <table class="table">
                    <tbody>
                    <tr class="table-row">
                            <td class="table-img">
                               <i class="fa-5x"></i>
                            </td>
                            <td class="table-text">
                                <h6>商品名</h6>
                         <p>投诉内容</p>
                            </td>
{#                            <td>#}
{#                            	<span class="march" style="color: #999;font-size: 0.85em">投诉商超</span>#}
{#                            </td>#}
                            <td>
                            	<span class="fam">查看详细</span>
                            </td>
                            <td class="march">
                               商超意见
                            </td>

                             <td >
							 <i class="fa fa-star-half-o icon-state-warning">操作</i>

                            </td>
                        </tr>
                    {% for i  in  advise.deal %}
                        <tr class="table-row">
                            <td class="table-img">
                               <i class="fa-5x"></i>
                            </td>
                            <td class="table-text">
                            	<h6>{{i.adDoods}} </h6>
                                <p>{{ i.adConsumerText }}</p>
                            </td>

                            <td><button class="detail">查看详细</button></td>
                            <td class="march">
                                {{ i.adConsumerText }}
                            </td>
                            <td style="color:#3BB2D0" >
                                 <button class="deal">同意</button>
                                 <button class="advise">驳回</button>
                            </td>
                            <td class="adShow"><div class="advise_display" id="{{ forloop }}">
                                <ul>
                                    <li><em>投诉人名字->:</em><em>{{ i.adName }}</em></li>
                                    <li><em>投诉商品->:</em><em>{{ i.adDoods }}</em></li>
                                    <li><em>投诉人电话->:</em><em>{{ i.adTel }}</em></li>
                                    <li><em>投诉人邮件->:</em><em>{{ i.adMail }}</em></li>
                                    <li><em>投诉人身份证->:</em><em>{{ i.adIdCard }}</em></li>
                                    <li><em>投诉日期->:</em><em>{{ i.adDate }}</em></li>
                                    <li><em>投诉内容->:</em>{{ i.adConsumerText }}<em></em></li>
                                    <li><button >关闭</button></li>
                                </ul>
                            </div>
                            </td>
                        </tr>
                        <script type="text/javascript">
                            $(function(){
                                $(".adShow").hide();
                                $(".advise_display ul li button").click(function () {
                                    $(this).parent().parent().parent().parent().fadeOut();
                                });
                                $(".detail").click(function(){
                                    $(this).parent().parent().children().last().fadeIn();
                                });
                            });
                        </script>
                    {% endfor %}

                    </tbody>
                </table>
               </div>
            </div>
</div>
<div class="tab-pane  text-style" id="tab2">
  <div class="inbox-right">

            <div class="mailbox-content">
               <div class="mail-toolbar clearfix">


               </div>
                <table class="table">
                    <tbody>
                    <tr class="table-row">
                            <td class="table-img">
                               <i class="fa-5x"></i>
                            </td>
                            <td class="table-text">
                                <h6>商品名</h6>

                            </td>
                        <td >
							 <i class="fa fa-star-half-o icon-state-warning">投诉内容</i>

                            </td>
                            <td>
                            	<span class="fam">查看详细</span>
                            </td>
                            <td class="march">
                               投诉日期
                            </td>


                        </tr>
                    {% for i  in  advise.finish %}
                        <tr class="table-row">
                            <td class="table-img">
                               <i class="fa-5x"></i>
                            </td>
                            <td class="table-text">
                            	<h6>{{i.adDoods}} </h6>
                            </td>
                            <td >
							 <i class="fa fa-star-half-o icon-state-warning">{{ i.adConsumerText }}</i>

                            </td>
                            <td><button class="detail">查看详细</button></td>
                            <td class="march">
                                {{ i.adDate }}
                            </td>
                            <td class="adShow">
                                <div class="advise_display" id="{{ forloop }}">
                                    <ul>
                                        <li><em>投诉人名字->:</em><em>{{ i.adName }}</em></li>
                                        <li><em>投诉商品->:</em><em>{{ i.adDoods }}</em></li>
                                        <li><em>投诉人电话->:</em><em>{{ i.adTel }}</em></li>
                                        <li><em>投诉人邮件->:</em><em>{{ i.adMail }}</em></li>
                                        <li><em>投诉人身份证->:</em><em>{{ i.adIdCard }}</em></li>
                                        <li><em>投诉日期->:</em><em>{{ i.adDate }}</em></li>
                                        <li><em>投诉内容->:</em>{{ i.adConsumerText }}<em></em></li>
                                        <li><button >关闭</button></li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <script type="text/javascript">
                            $(function(){
                                $(".adShow").hide();
                                $(".advise_display ul li button").click(function () {
                                    $(this).parent().parent().parent().parent().fadeOut();
                                });
                                $(".detail").click(function(){
                                    $(this).parent().parent().children().last().fadeIn();
                                });
                            });
                        </script>
                    {% endfor %}

                    </tbody>
                </table>
               </div>
            </div>
</div>
<div class="tab-pane  text-style" id="tab3">
  <div class="inbox-right">
            <div class="mailbox-content">
               <div class="mail-toolbar clearfix">

               </div>
                <table class="table">
                    <tbody>
                    <tr class="table-row">
                            <td class="table-img">
                               <i class="fa-5x"></i>
                            </td>
                            <td class="table-text">
                                <h6>商品名</h6>
                         <p>投诉内容</p>
                            </td>
                            <td>
                            	<span class="fam">查看详细</span>
                            </td>
                            <td class="march">
                               商超意见
                            </td>

                             <td >
							 <i class="fa fa-star-half-o icon-state-warning">操作</i>

                            </td>
                        </tr>
                    {% for i  in  advise.returnA %}
                        <tr class="table-row">
                            <td class="table-img">
                               <i class="fa-5x"></i>
                            </td>
                            <td class="table-text">
                            	<h6>{{i.adDoods}} </h6>
                                <p>{{ i.adConsumerText }}</p>
                            </td>
                            <td><button class="detail">查看详细</button></td>
                            <td class="march">
                                {{ i.adSupermaketText }}
                            </td>
                            <td style="color:#3BB2D0" >
                                 <button class="deal">撤销</button>
                            </td>

{#                            <td class="adShow"><div class="advise_display" id="{{ forloop }}">#}
{#                                <ul>#}
{#                                    <li><em>投诉人名字->:</em><em>{{ i.adName }}</em></li>#}
{#                                    <li><em>投诉商品->:</em><em>{{ i.adDoods }}</em></li>#}
{#                                    <li><em>投诉人电话->:</em><em>{{ i.adTel em></li>#}
{#                                    <li><em>投诉人邮件->:</em><em>{{ i.adMail }}</em></li>#}
{#                                    <li><em>投诉人身份证->:</em><em>{{ i.adIdCard }}</em></li>#}
{#                                    <li><em>投诉日期->:</em><em>{{ i.adDate }}</em></li>#}
{#                                    <li><em>投诉内容->:</em>{{ i.adConsumerText }}<em></em></li>#}
{#                                    <li><button >关闭</button></li>#}
{#                                </ul>#}
{#                            </div>#}
{#                            </td>#}
                        <td class="adShow" style="position: fixed;top:20%;left: 20%;"> <div class="bs-example2 advise-display" >
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h2 class="modal-title">Modal title</h2>
				</div>
				<div class="modal-body">
					<p>One fine body…</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	   </div>
                        </tr>
                        <script type="text/javascript">
                            $(function(){
                                $(".adShow").hide();
                                $(".advise_display ul li button").click(function () {
                                    $(this).parent().parent().parent().parent().fadeOut();
                                });
                                $(".detail").click(function(){
                                    $(this).parent().parent().children().last().fadeIn();
                                });
                            });
                        </script>
                    {% endfor %}

                    </tbody>
                </table>
               </div>
            </div>
</div>
<div class="clearfix"> </div>
   </div>
</div>
          <div class="copy">
            <p> &copy; 2020 冷链物流监控系统. All Rights Reserved | Design by <a href="signin.html" target="_blank">Logistic</a> </p>
          </div>
        </div>
        <div class="clearfix"> </div>
      </div>
        </div>
        <!---->
        <!--scrolling js-->
        <script src="/static/js/jquery.nicescroll.js"></script>
        <script src="/static/js/scripts.js"></script>
        <!--//scrolling js-->
        <script src="/static/js/bootstrap.min.js"> </script>
  </body>
</html>

